<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>聊天</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>
</head>

<body>
  <div th:fragment="alarm" id="alarm">
    <!-- 报警列表 -->
    <div id="newAlarm" class="newAlarm">
      <p class="newAlarmTit">报警列表</p>
      <div class="newAlarmListBox newAlarmListBox_scroll">
        <ul class="_panel-box">

          <li class="newAlarmList">
            <ul>
              <li class="newAlarmItem">报警类型：<span class="colorRed">终端报警</span></li>
              <li class="newAlarmItem">报警地址：凤凰中心</li>
              <li class="newAlarmItem">上报时间：2018</li>
            </ul>
            <div class="handleBox">
              <span class="handleStyle handleBtn btnStyle">处理</span>
              <span class="handleStyle coordinationBtn btnStyle">协同</span>
              <span class="handleStyle talkBtn btnStyle">交互<span class="talkTip"></span></span>
            </div>
          </li>


        </ul>
      </div>
    </div>
    <!-- 报警框 -->
    <div class="cd-popup3" id="newAlarmModalBox">
      <div id="newAlarmModal" class="newAlarmModal">
        <p class="address">地址：<span>凤凰中心</span></p>

        <div class="listBoxStyle">
          <p>基本信息</p>
          <ul>
            <li><span class="devIcon"></span>设备编号：<span class="devCode">123</span></li>
            <li><span class="devIcon"></span>报警类型：<span class="alarmType">烟雾报警</span></li>
            <li><span class="devIcon"></span>报警时间：<span class="alarmTime">2018</span></li>
          </ul>
        </div>
        <div class="listBoxStyle">
          <p>联系人</p>
          <ul>
            <li><span class="devIcon"></span>联系人1：<span class="linkMan1">张三/123</span></li>
            <li><span class="devIcon"></span>联系人2：<span class="linkMan2">张三/123</span></li>
            <li><span class="devIcon"></span>联系人3：<span class="linkMan3">张三/123</span></li>
          </ul>
        </div>
        <div class="listBoxStyle alarmReason">
          <p>报警原因</p>
          <select class="form-control">
            <option value="误报">误报</option>
            <option value="炊烟">炊烟</option>
            <option value="吸烟">吸烟</option>
            <option value="粉尘">粉尘</option>
            <option value="火灾">火灾</option>
            <option value="烟雾">烟雾</option>
            <option value="其他">其他</option>
          </select>
        </div>
        <div class="listBoxStyle remark">
          <p>备注</p>
          <input type="text" class="form-control remarkText">
        </div>
        <div class="handleBox">
          <span class="handleStyle btnStyle handleBtn btnClick" disposeStatus="1">处理</span>
          <span class="handleStyle btnStyle coordinationBtn">协同</span>
          <span class="handleStyle btnStyle btnClick" disposeStatus="2">忽略</span>
        </div>
        <a href="javascript:;" class="cd-popup-close closeModal "></a>
      </div>

    </div>


  </div>
</body>

</html>